<template>
	<view>
		<view class="uni-head-line" ></view>
		<view class="uni-head" >
			<image src="https://jy-vote.oss-cn-hangzhou.aliyuncs.com/head-left.png" @tap="back()" mode="widthFix" class="uni-head-back" ></image>
			<view class="uni-head-title">报案成功</view>
		</view>
		<view class="imgbox">
			<image src="../../static/img/chenggong.png" mode="aspectFit"></image>
			<view class="title">报案成功</view>
			<view class="title2">您的报案已成功！</view>
			<view class="button" @click="back()"> 返回首页</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			back(){
				uni.switchTab({
					url: '/pages/index/index'
				});
			}
		}
	}
</script>

<style  scoped lang="less">
	.uni-head-line{
		height: 90upx;
	}
	.uni-head{
		position: fixed;
		width: calc(100% - 52upx);
		padding:0 26upx;
		display: flex;
		align-items: center;
		height: 90upx;
		top:0;
		left: 0;
		background-color: #FFFFFF;
		z-index: 99;
	}
	
	.uni-head-back{
		display: block;
		height: 36upx;
		width: 36upx;
	}
	.uni-head-title{
		flex: 1;
		text-align: center;
		font-size: 30upx;
		color: #000000;
		font-weight: bold;
	}
	.imgbox{
		margin-top: 186px;
		text-align: center;
		justify-content: center;
		image{
			width: 39px;
			height: 41px;
		}
		.title{
			margin-top: 10px;
			font-size: 16px;
			font-weight: bold;
			line-height: 25px;
			color: #000000;
		}
		.title2{
			margin-top: 10px;
			font-size: 14px;
			line-height: 25px;
			color: #666666;
		}
		.button{
			border: 1px solid #DFE1E9;
			opacity: 1;
			margin: 51px 118px;
			border-radius: 5px;
			text-align: center;
			padding: 12px 0;
			color: #666666;
			font-size: 16px;
		}
	}
	
</style>
